草庐IT

Vue + element-ui el-tree 虚拟滚动

全部标签

javascript - 如何通过 JavaScript 检测指定元素的滚动结束?

我正在使用GoogleChrome10并编写JavaScript来检测滚动结束。检测window的滚动结束,下面的代码运行良好:window.addEventListener('scroll',function(){varscrollTop=document.documentElement.scrollTop||document.body.scrollTop;varofferHeight=document.body.offsetHeight;varclientHeight=document.documentElement.clientHeight;if(offsetHeight现在我想

javascript - Jquery 模态对话框禁用滚动条

正如您在此链接中看到的,http://jsbin.com/ozapol/9,Jquery在某些版本的IE和最新版本的chrome上禁用滚动条。(我还没有尝试任何其他...)有没有办法让滚动条保持启用状态,以便能够在很长的对话框中滚动?谢谢!再见InternetExplorer的不错解决方案(感谢jk。)html{overflow-y:scroll}Chrome的残酷解决方法(感谢jk。)在Chrome上,JqueryUI劫持滚动条上的鼠标事件。这看起来像是上面链接中提到的错误。为了删除这些绑定(bind),您必须取消绑定(bind)事件每次创建模态对话框时:$("#longdialog

javascript - setInterval 在滚动期间在 iphone/ipad(移动 Safari)中暂停

我在网站中使用了setInterval函数,它在IE、Chrome、Firefox和Safari中运行良好。当我在ipad/iphone(safarimobile)上尝试时,我遇到了问题:如果我滚动屏幕,setInterval函数会暂停,只有当我停止滚动时它才会恢复!有没有办法防止函数暂停?谢谢 最佳答案 恐怕不行,没有办法阻止这种行为。在SO中有很多关于这个问题的主题(更多相关),这里特别是interestingone.它的总结很简单:iOSelasticscrollcan'tbetracked.There'snoeventlis

javascript - 在 iPad Web App 上拖放 - 同时保留滚动功能

我正在使用JqueryUI拖放(http://jqueryui.com/demos/draggable)和https://github.com/furf/jquery-ui-touch-punch将触摸事件映射到鼠标事件。到目前为止,整个拖放操作都很好。我现在遇到的问题是我有一长串可拖动元素,我还需要能够在iPad上滚动列表...当我将列表元素设置为可拖动时,这将不再起作用。我尝试使用jqueryui提供的约束,例如distance和delay-但即便如此,滚动事件似乎已被拖动事件完全禁用/覆盖。我可能需要编写一个自定义函数,例如“只有向左移动至少50像素才能使其可拖动”之类的。有没有

javascript - 如何在我的 javascript 球移动时为它提供滚动动画?

我有以下HTML代码:这是一个包含球图像的div(一个球的俯View)这个球我可以用我的箭头键和一些javacript向上、向左、向右、向下等等移动。我用这段代码来做到这一点:varball=function(){varinited=false,el,xcheck=50,x=50,ycheck=50,y=50,xspeed=0,yspeed=0,power=0.4,friction=0.99,xwind=0,ywind=0,dead=true,timer=function(keys){if(dead===true){return;}if(keys[38]===true){yspeed+

javascript - 在 AngularJS 中使用 ngInfiniteScroll 指令实现反向无限滚动

我想使用此处的ngInfiniteScroll指令:http://binarymuse.github.io/ngInfiniteScroll/在我的angularjs应用程序中实现反向无限滚动(就像在聊天小部件中一样)。然而,该指令的文档似乎并未提及如何实现这一点。它只记录了标准无限滚动是如何实现的。有人可以在这方面指导我吗?谢谢!P.S:我热衷于使用这个指令,因为它处理DOM控件;来自Angular标准无限滚动指令在我滚动时不断创建DOM元素,这些元素永远不会被删除。 最佳答案 我认为您应该采用基于模型的方法(特别适合Angula

javascript - Owl Carousel 滚动到点击的项目

我有一个简单的OwlCarousel,HTML:123456789101112JavaScript:$('.owl-carousel').owlCarousel({items:5,loop:true,nav:true,margin:10})包括:owl.carousel.jsowl.carousel.min.cssJSFiddlehttp://jsfiddle.net/93cpX/62/如何强制轮播滚动到点击的项目? 最佳答案 .owl-carousel.item{height:80px;background:#4DC7A0;}12

javascript - 如何在 PhantomJS 中滚动以触发延迟加载?

我在使用PhantomJS触发滚动延迟加载时遇到问题。以前的答案(甚至接受的答案)都不适合我。大多数是针对旧的PhantomJS版本。其他问题-与我的问题几乎相同或相似,但答案无效或无效:notabletolazyloadinphantomjsHowtoscrolldownwithPhantomjstoloaddynamiccontenthttps://github.com/ariya/phantomjs/issues/11512他们都试图利用window.document.body.scrollTop=document.body.scrollHeight和page.evaluate(

javascript - 从 vue-resource 切换到 axios

使用vue-resource,我们可以像这样在main.js中设置根url:Vue.http.options.root='http://localhost:3000/api'我尝试将其替换为:axios.defaults.baseURL='http://localhost:3000/api';Vue.prototype.$http=axios但是,现在我的post调用没有按预期工作,并且Vue.http.post抛出错误。这是如何实现的? 最佳答案 使用axios,可以创建另一个实例havingacustomconfigvarmy_

javascript - Vue.js 使用计算属性来显示或隐藏组件的一部分

我试图根据下拉列表中的值显示/隐藏组件的一部分。在移动我的表单的这一部分之前,使用计算属性工作得很好。但是......我在我的组件中使用了两种方式绑定(bind),而且我正在使用的属性的计算值似乎更新得太晚了。这里是组件jsVue.component('system',{template:'#system',props:['name','count'],computed:{issummit:function(){returnthis.name==='5a37fda9f13db4987411afd8';}//audiovideo:function(){//returnthis.syste